<template>
  <div class="status-update-filter" v-loading="searchLoading">
    <el-dialog
      :title="$t('filter.tips')"
      :visible.sync="dialogVisible"
      width="30%">
      <span>{{$t('filter.searchTips')}}...</span>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="dialogVisible = false">{{$t('filter.ok')}}</el-button>
      </span>
    </el-dialog>
    <div class="cart-header">
      <span style="text-align: center">Service Status Update</span>
    </div>
    <div class="card-content">
      <div class="select-tag">
        <!--要情况一的判断，两者必须都选了才展示-->
        <el-row class="selected">
          <el-col :span="24">
            <div class="content"
                 v-show="( gepgraphy.geoSValue.toString() !== '') || ( gepgraphy.regionSValue.toString() !== '') || ( gepgraphy.countrySValue.toString() !== '')">
              <span class="title">Geography:</span>
              <!--情况一-->
              <el-tag v-show=" gepgraphy.geoSValue.toString() !== ''" closable
                      @close="clearGeo">GEO{{gepgraphy.geoSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show=" gepgraphy.regionSValue.toString() !== ''" closable
                      @close="clearRegion">Region{{gepgraphy.regionSValue}}
              </el-tag>
              <el-tag v-show=" gepgraphy.countrySValue.toString() !== ''"
                      closable @close="clearCountry">Country{{gepgraphy.countrySValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearGeography"></i>
            </div>
            <div class="content"
                 v-show="(bp.groupSValue.toString() !== '') || (bp.bpIdSValue.toString() !== '') || (bp.bpNameSValue.toString() !== '')">
              <span class="title">Customer ID/Name:</span>
              <!--情况一-->
              <el-tag v-show="bp.groupSValue.toString() !== ''" closable @close="clearGroup">
                Group Name{{bp.groupSValue}}
              </el-tag>
              <!--情况二-->
              <el-tag v-show="bp.bpIdSValue.toString() !== ''" closable
                      @close="clearBpId">Customer ID{{bp.bpIdSValue}}
              </el-tag>
              <el-tag v-show="bp.bpNameSValue.toString() !== ''" closable
                      @close="clearBpName">Customer Name{{bp.bpNameSValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearBp"></i>
            </div>
            <div class="content"
                 v-show="(product.uniqueIdSValue.toString() !== '') || (product.snSValue.toString() !== '') || (product.machineTypeSValue.toString() !== '')">
              <span class="title">Product：</span>
              <el-tag v-show="product.uniqueIdSValue.toString() !== ''" closable
                      @close="clearUniqueId">Product Unique ID {{product.uniqueIdSValue}}
              </el-tag>
              <el-tag v-show="product.snSValue.toString() !== ''" closable
                      @close="clearSn">SN {{product.snSValue}}
              </el-tag>
              <el-tag v-show="product.machineTypeSValue.toString() !== ''" closable
                      @close="clearMachineType">Machine Type {{product.machineTypeSValue}}
              </el-tag>
              <i class="iconfont icon-guanbi" @click="clearProduct"></i>
            </div>
          </el-col>
        </el-row>
      </div>
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane :label="$t('filter.Geography')" name="Geography">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple title-color">Geo</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      :options="gepgraphy.geoSelect"
                      v-model="gepgraphy.geoSValue"
                      @change="showCard(), geoChange()"
                      :placeholder="$t('filter.placeholder')"
                    >
                    </mul-select>
                  </div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple title-color">Region</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select
                      :options="gepgraphy.regionSelect"
                      @change="regionChange(), showCard()"
                      v-model="gepgraphy.regionSValue"
                      :placeholder="$t('filter.placeholder')"
                    >
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item" @click="pasteRegion">-->
                <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                <!--<span class="title-color">{{$t('filter.paste')}}</span>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                <!--</el-tooltip>-->
                <!--</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple title-color">{{$t('filter.Country')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <mul-select v-model="gepgraphy.countrySValue"
                                :options="gepgraphy.countrySelect"
                                :placeholder="$t('filter.placeholder')"
                                @change="showCard"
                    >
                    </mul-select>
                  </div>
                </el-col>
                <!--<el-col :span="2" :offset="1">-->
                <!--<div class="grid-content bg-purple">-->
                <!--<span class="add-item" @click="pasteCountry">-->
                <!--<el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">-->
                <!--&lt;!&ndash;<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>&ndash;&gt;-->
                <!--<span class="title-color">{{$t('filter.paste')}}</span>-->
                <!--</el-tooltip>-->
                <!--&lt;!&ndash; <i class="iconfont icon-add_c"></i> &ndash;&gt;-->
                <!--</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.CommercialcustomerChannelpartner')" name="Customer">
          <div>
            <!--<h2>{{$t('filter.CommercialcustomerChannelpartner')}}</h2>-->
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple title-color">{{$t('filter.groupName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      v-model="bp.groupSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                      <el-option
                        v-for="item in bp.groupSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                    <!--<el-select-->
                    <!--:no-data-text="$t('filter.noData')"-->
                    <!--@change="showCard"-->
                    <!--v-model="bp.groupSValue"-->
                    <!--:placeholder="$t('filter.pleaseInput')"-->
                    <!--popper-class="filter-nowrap"-->
                    <!--multiple-->
                    <!--filterable-->
                    <!--default-first-option-->
                    <!--allow-create>-->
                    <!--<el-option-->
                    <!--v-for="item in bp.groupSelect"-->
                    <!--:key="item.value"-->
                    <!--:label="item.label"-->
                    <!--:value="item.value">-->
                    <!--</el-option>-->
                    <!--</el-select>-->
                  </div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple title-color">{{$t('filter.customerID')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      :disabled="bp.disabledID"
                      v-model="bp.bpIdSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                      <el-option
                        v-for="item in bp.bpIdSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteBpId">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span class="title-color">{{$t('filter.paste')}}</span>
                      </el-tooltip>
                      <!-- <i class="iconfont icon-add_c"></i> -->
                    </span>
                  </div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple title-color">{{$t('filter.customerName')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      :disabled="bp.disabledName"
                      v-model="bp.bpNameSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                      <el-option
                        v-for="item in bp.bpIdSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteBpName">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                        <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span class="title-color">{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane :label="$t('filter.Product')" name="Product">
          <div>
            <div>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers title-color">Product Unique ID</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      v-model="product.uniqueIdSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                      <el-option
                        v-for="item in product.uniqueIdSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                    <!--<el-input-->
                    <!--v-if="!product.pasteSn"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.snText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteUniqueId">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                      <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span class="title-color">{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSn">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers title-color">{{$t('filter.SN')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      v-model="product.snSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                      <el-option
                        v-for="item in product.snSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                    <!--<el-input-->
                    <!--v-if="!product.pasteSn"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.snText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteSn">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                      <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span class="title-color">{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSn">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
              <el-row>
                <el-col :span="4" :offset="0">
                  <div class="grid-content bg-purple timers title-color">{{$t('filter.MachineType')}}</div>
                </el-col>
                <el-col :span="11" :offset="1">
                  <div class="grid-content bg-purple">
                    <el-select
                      :no-data-text="$t('filter.noData')"
                      @change="showCard"
                      v-model="product.machineTypeSValue"
                      :placeholder="$t('filter.pleaseInput')"
                      popper-class="filter-nowrap"
                      multiple
                      filterable
                      default-first-option
                      allow-create>
                      <el-option
                        v-for="item in product.machineTypeSelect"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                    <!--<el-input-->
                    <!--v-if="!product.pasteSn"-->
                    <!--style="width: 200px;"-->
                    <!--type="textarea"-->
                    <!--:autosize="{ minRows: 1, maxRows: 3}"-->
                    <!--:placeholder="$t('filter.pasteContent')"-->
                    <!--v-model="product.snText">-->
                    <!--</el-input>-->
                  </div>
                </el-col>
                <el-col :span="2" :offset="1">
                  <div class="grid-content bg-purple">
                    <span class="add-item" @click="pasteMachineType">
                      <el-tooltip class="item" effect="light" :content="$t('filter.switchTips')" placement="top">
                      <!--<el-button type="primary" size="mini" round>{{$t('filter.paste')}}</el-button>-->
                        <span class="title-color">{{$t('filter.paste')}}</span>
                        <!-- <i class="iconfont icon-add_c"></i> -->
                      </el-tooltip>
                    </span>
                  </div>
                </el-col>
                <!--<el-col :span="2">-->
                <!--<div class="grid-content bg-purple clear">-->
                <!--<span class="clear" @click="clearSn">{{$t('filter.clear')}}</span>-->
                <!--</div>-->
                <!--</el-col>-->
              </el-row>
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>
      <div class="btn-foot">
        <!--<el-button type="success" @click="nextSteps" v-if="(showCardTag < 6 && chart.value === 'transaction') || (showCardTag < 5 && chart.value === 'service')">{{$t('filter.next')}}</el-button>-->
        <el-button type="success" @click="filterSearch">{{$t('filter.search')}}</el-button>
        <!--<el-button type="danger" @click="backSteps" v-show="showCardTag > 1" style="margin-left: 40px;">{{$t('filter.back')}}</el-button>-->
      </div>
    </div>
    <!--这是个弹框-->
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogRegion">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="gepgraphy.regionText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPaste">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPaste">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogCountry">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="gepgraphy.countryText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteCountry">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteCountry">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')"
               :visible.sync="dialogData.dialogCustomerId">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="bp.bpIdText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteCustomerId">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteCustomerId">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')"
               :visible.sync="dialogData.dialogCustomerName">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="bp.bpNameText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteCustomerName">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteCustomerName">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogUniqueId">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.uniqueIdText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteUniqueId">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteUniqueId">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')" :visible.sync="dialogData.dialogSn">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.snText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteSn">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteSn">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog custom-class="dialog-paste" :title="$t('filter.dialogTitle')"
               :visible.sync="dialogData.dialogMachineType">
      <el-input
        style="width: 100%; height: 100%"
        type="textarea"
        :autosize="{ minRows: 5, maxRows: 7}"
        :placeholder="$t('filter.pasteContent')"
        v-model="product.machineTypeText">
      </el-input>
      <div class="dialog-footer">
        <el-button @click="cancelPasteMachineType">{{$t('filter.cancel')}}</el-button>
        <el-button type="primary" @click="confimPasteMachineType">{{$t('filter.confirm')}}</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script>
  import {getUsername, setDataToolsFilterParams, getToken, getPageName, getUrl} from '../../utils/auth'
  import {mapGetters} from 'vuex'
  import mSelect from '../../components/MDatePicker/mSelect'
  import qSelect from '../../components/QDatePicker/qSelect'

  export default {
    name: 'filter',
    data() {
      return {
        activeName: 'Geography',
        // 财
        geoClear: true,
        regionPaste: true,
        regionClear: true,
        countryPaste: true,
        countryClear: true,
        groupClear: true,
        bpIdPaste: true,
        bpIdClear: true,
        bpNamePaste: true,
        bpNameClear: true,
        snPaste: true,
        snClear: true,
        billingYearOptions: [
          {
            value: '2013',
            label: 'FY1314'
          },
          {
            value: '2014',
            label: 'FY1415'
          },
          {
            value: '2015',
            label: 'FY1516'
          },
          {
            value: '2016',
            label: 'FY1617'
          },
          {
            value: '2017',
            label: 'FY1718'
          },
          {
            value: '2018',
            label: 'FY1819'
          },
        ],
        //季props
        startQ: '',

        // 财月props
        // shijian: 2018,

        // 弹框控制显示或隐藏
        dialogData: {
          dialogRegion: false,
          dialogCountry: false,
          dialogCustomerId: false,
          dialogCustomerName: false,
          dialogNielsenId: false,
          dialogBu: false,
          dialogBrand: false,
          dialogProductSeries: false,
          dialogProductFamily: false,
          dialogMaterial: false,
          dialogSn: false,
          dialogUniqueId: false,
          dialogMachineType: false,
          dialogSalesOrderNumber: false,
          dialogBillingNumber: false
        },
        // 表名修改
        tableName: 'cbi_document_flow & cbi_bp',
        searchLoading: false,
        // 用于控制显示的tag
        heighlightTag: 1,
        // transaction表下的绑定类
        // transactionTag1: true,
        // transactionTag2: false,
        // transactionTag3: false,
        // transactionTag4: false,
        // transactionTag5: false,
        // transactionTag6: false,
        // 两张表的不同tag
        transactionTableTag: ['Time', 'Geography', 'CommercialcustomerChannelpartner', 'Tags', 'Product', 'Transaction'],
        serviceTableTag: ['Time', 'Geography', 'CommercialcustomerChannelpartner', 'Tags', 'Product'],
        selectActiveNames: 0,
        symbolData: {
          geoValueChange: '=',
          regionValueChange: '=',
          countryValueChange: '=',
          groupValueChange: '=',
          bpIdValueChange: '=',
          bpNameValueChange: '=',
          bgValueChange: '=',
          buValueChange: '=',
          brandValueChange: '=',
          productSeriesValueChange: '=',
          productFamilyValueChange: '=',
          materialValueChange: '=',
          snValueChange: '=',
          segmentValueChange: '=',
          soValueChange: '=',
          billingValueChange: '=',
          caValueChange: '=',
          gpValueChange: '=',
          gp2ValueChange: '=',
          revenueValueChange: '=',
          billingDateValueChange: '=',
          deliveryDateValueChange: '=',
          soDateValueChange: '=',
          serviceDateValueChange: '='
        },
        timeMarkDate: {
          billingDateMark: '',
          deliveryDateMark: '',
          soDateMark: '',
          serviceDateMark: ''
        },
        value3: '',
        value4: '',
        value5: '',
        deliveryWeekValue: '',
        deliveryWeekValues1: '',
        deliveryWeekValues2: '',
        soWeekValue: '',
        soWeekValues1: '',
        soWeekValues2: '',
        serviceWeekValue: '',
        serviceWeekValues1: '',
        serviceWeekValues2: '',
        fullscreenLoading: false,
        dialogVisible: false,
        activeNames: ['6'],
        chart: {
          value: 'transaction'
        },
        gepgraphy: {
          regionText: '',
          regionTextArr: [],
          pasteRegion: true,

          countryText: '',
          countryTextArr: [],
          pasteCountry: true,
          // 一
          geoOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          regionOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          countryOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          // 二
          geoSelect: [],
          regionSelect: [],
          countrySelect: [],
          geoValues: [],
          geoValue: 'eq',
          num: 0,
          regionValue: 'eq',
          countryValue: 'eq',
          geoSValue: [],
          regionSValue: [],
          countrySValue: []
        },
        bp: {
          disabledID: false,
          disabledName: false,
          bpIdText: '',
          bpIdTextArr: [],
          pasteBpId: true,
          bpNameText: '',
          bpNameTextArr: [],
          pasteBpName: true,
          // g
          bpIdOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          bpNameOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          groupOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          bpIdSelect: [],
          bpNameSelect: [],
          groupSelect: [],
          bpIdValue: 'eq',
          bpNameValue: 'eq',
          groupValue: 'eq',
          bpIdSValue: [],
          bpNameSValue: [],
          groupSValue: []
        },

        product: {
          buText: '',
          buTextArr: [],
          pasteBu: true,

          brandText: '',
          brandTextArr: [],
          pasteBrand: true,

          productSeriesText: '',
          productSeriesTextArr: [],
          pasteProductSeries: true,

          productFamilyText: '',
          productFamilyTextArr: [],
          pasteProductFamily: true,

          materialText: '',
          // materialTextArr: [],
          materialTextArr: [],
          pasteMaterial: true,

          snText: '',
          uniqueIdText: '',
          snTextArr: [],
          pasteSn: true,

          machineTypeText: '',
          machineTypeTextArr: [],
          pasteMachineType: true,
          // g
          bgOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          buOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          brandOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          productSeriesOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          productFamilyOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          materialOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          snOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          bgSelect: [],
          buSelect: [],
          brandSelect: [],
          productSeriesSelect: [],
          productFamilySelect: [],
          materialSelect: [],
          snSelect: [],
          uniqueIdSelect: [],
          machineTypeSelect: [],
          machineTypeSValue: [],
          bgValue: 'eq',
          buValue: 'eq',
          brandValue: 'eq',
          productSeriesValue: 'eq',
          productFamilyValue: 'eq',
          materialValue: 'eq',
          snValue: 'eq',
          uniqueIdValue: 'eq',
          bgSValue: [],
          buSValue: [],
          brandSValue: [],
          productSeriesSValue: [],
          productFamilySValue: [],
          materialSValue: [],
          snSValue: [],
          uniqueIdSValue: []
        },
        transaction: {
          showInput: true,
          showGpInput: true,
          showGpperInput: true,
          showRevenueInput: true,
          soText: '',
          soTextArr: [],
          pasteSo: true,
          billingText: '',
          billingTextArr: [],
          pasteBilling: true,
          // g
          segmentOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            // {
            //   value: 'contain',
            //   label: 'CONTAIN'
            // },
            // {
            //   value: 'notcontain',
            //   label: 'NOT CONTAIN'
            // }
          ],
          soOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          billingOptions: [
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'contain',
              label: 'CONTAIN'
            },
            {
              value: 'notcontain',
              label: 'NOT CONTAIN'
            }
          ],
          caOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          gpOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          gp2Options: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          revenueOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            }
          ],
          segmentSelect: [],
          soSelect: [],
          billingSelect: [],
          caSelect: [],
          gpSelect: [],
          gp2Select: [],
          revenueSelect: [],
          segmentValue: 'eq',
          soValue: 'eq',
          billingValue: 'eq',
          caValue: 'eq',
          gpValue: 'eq',
          gp2Value: 'eq',
          revenueValue: 'eq',
          segmentSValue: [],
          soSValue: [],
          billingSValue: [],
          caSValue: [],
          caSValue2: '',
          gpSValue: [],
          gpSValue2: '',
          gp2SValue: [],
          gp2SValue2: '',
          revenueSValue: [],
          revenueSValue2: '',
          tips: {
            showCaTips: false,
            showGpTips: false,
            showGpperTips: false,
            showRevenueTips: false
          }
        },
        time: {
          options: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'billing_year_fis',
                  label: 'Year'
                },
                {
                  value: 'billing_quarter_fis',
                  label: 'Quarter'
                },
                {
                  value: 'billing_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'billing_year',
                  label: 'Year'
                },
                {
                  value: 'billing_quarter',
                  label: 'Quarter'
                },
                {
                  value: 'billing_month',
                  label: 'Month'
                },
                {
                  value: 'billing_week',
                  label: 'Week'
                },
                {
                  value: 'billing_date',
                  label: 'Date'
                }
              ]
            }
          ],
          optionsDelivery: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'delivery_gi_year_fis',
                  label: 'Year'
                },
                {
                  value: 'delivery_gi_quarter_fis',
                  label: 'Quarter'
                },
                {
                  value: 'delivery_gi_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'delivery_gi_year',
                  label: 'Year'
                },
                {
                  value: 'delivery_gi_quarter',
                  label: 'Quarter'
                },
                {
                  value: 'delivery_gi_month',
                  label: 'Month'
                },
                {
                  value: 'delivery_gi_week',
                  label: 'Week'
                },
                {
                  value: 'delivery_gi_date',
                  label: 'Date'
                }
              ]
            }
          ],
          optionsSo: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'sales_order_create_year_fis',
                  label: 'Year'
                },
                {
                  value: 'sales_order_create_quarter_fis',
                  label: 'Quarter'
                },
                {
                  value: 'sales_order_create_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'sales_order_create_year',
                  label: 'Year'
                },
                {
                  value: 'sales_order_create_quarter',
                  label: 'Quarter'
                },
                {
                  value: 'sales_order_create_month',
                  label: 'Month'
                },
                {
                  value: 'sales_order_create_week',
                  label: 'Week'
                },
                {
                  value: 'sales_order_create_date',
                  label: 'Date'
                }
              ]
            }
          ],
          optionsService: [
            {
//              value: '财年',
              value: 'Fiscal Year',
              label: 'Fiscal year',
              children: [
                {
                  value: 'create_year_fis',
                  label: 'Year'
                },
                {
                  value: 'create_quarter_fis',
                  label: 'Quarter'
                },
                {
                  value: 'create_month_fis',
                  label: 'Month'
                }
              ]
            },
            {
//              value: '自然年',
              value: 'Calendar Year',
              label: 'Calendar year',
              children: [
                {
                  value: 'create_year',
                  label: 'Year'
                },
                {
                  value: 'create_quarter',
                  label: 'Quarter'
                },
                {
                  value: 'create_month',
                  label: 'Month'
                },
                {
                  value: 'create_week',
                  label: 'Week'
                },
                {
                  value: 'createtime',
                  label: 'Date'
                }
              ]
            }
          ],
          selectedOptions: [],
          selectedOptionsService: [],
          optionsServiceService: [],
          selectedOptionsDelivery: [],
          selectedOptionsSo: [],
          billingDateOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],
          billingDateChange: [
            {
              value: '财年',
              label: '财年'
            },
            {
              value: '自然年',
              label: '自然年'
            }
          ],
          billingDateSelect: [],
          serviceDateOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],

          billingbillingValue: 'eq',
          billingDateChangeValue: '',
          billingDateSelectValue: '',
          serviceBillingValue: 'eq',

          deliveryValueOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],
          deliveryValueChange: [
            {
              value: '财年',
              label: '财年'
            },
            {
              value: '自然年',
              label: '自然年'
            }
          ],
          deliveryValueSelect: [],
          deliveryValue: '', // 日期值
          deliveryDateValue: 'eq', // 操作符值
          deliveryBetween1: '',
          deliveryBetween2: '',
          deliveryBetweenDate: '',
          deliveryValueChangeValue: '',
          deliveryValueSelectValue: '',

          deliveryShowYear: true,
          deliveryShowQuarter: false,
          deliveryShowMonth: false,
          deliveryShowDate: false,
          deliveryShowWeek: false,
          deliveryShowBetweenYear: false,
          deliveryShowBetweenQuarter: false,
          deliveryShowBetweenMonth: false,
          deliveryShowBetweenDate: false,
          deliveryShowBetweenWeek: false,

          serviceShowYear: true,
          serviceShowQuarter: true,
          serviceShowMonth: false,
          serviceShowDate: false,
          serviceShowWeek: false,
          serviceShowBetweenYear: false,
          serviceShowBetweenQuarter: false,
          serviceShowBetweenMonth: false,
          serviceShowBetweenDate: false,
          serviceShowBetweenWeek: false,
          soDateOptions: [
            {
              value: 'gt',
              label: '>'
            },
            {
              value: 'gte',
              label: '≥'
            },
            {
              value: 'lt',
              label: '<'
            },
            {
              value: 'lte',
              label: '≤'
            },
            {
              value: 'eq',
              label: '='
            },
            {
              value: 'neq',
              label: '≠'
            },
            {
              value: 'between',
              label: 'between'
            }
          ],
          soDateChange: [
            {
              value: '财年',
              label: '财年'
            },
            {
              value: '自然年',
              label: '自然年'
            }
          ],
          soDateSelect: [],
          soValue: 'eq',
          soDateChangeValue: '',
          soDateSelectValue: ''
        },
        billingValue: '',
        serviceValue: '',
        billingBetween1: '',
        billingBetween2: '',
        serviceBetween1: '',
        serviceBetween2: '',
        betweenDate: '',
        showYear: true,
        showMonth: false,
        showQuarter: false,
        showDate: false,
        showWeek: false,
        showBetweenYear: false,
        showBetweenMonth: false,
        showBetweenQuarter: false,
        showBetweenDate: false,
        showBetweenWeek: false,

        soValue: '',
        soBetween1: '',
        soBetween2: '',
        sobetweenDate: '',
        soshowYear: true,
        soshowMonth: false,
        soshowQuarter: false,
        soshowDate: false,
        soshowWeek: false,
        soshowBetweenYear: false,
        soshowBetweenQuarter: false,
        soshowBetweenMonth: false,
        soshowBetweenDate: false,
        soshowBetweenWeek: false,
        addItems: [],
        weekDate: '',
        weekBetweenDate1: '',
        weekBetweenDate2: ''
      }
    },
    methods: {
      //改变icon样式
      changeGeoClear() {
        this.geoClear = !this.geoClear
      },
      changeRegionPaste() {
        this.regionPaste = !this.regionPaste
      },
      changeRegionClear() {
        this.regionClear = !this.regionClear
      },
      changeCountryPaste() {
        this.countryPaste = !this.countryPaste
      },
      changeCountryClear() {
        this.countryClear = !this.countryClear
      },

      changeGroupClear() {
        this.groupClear = !this.groupClear
      },
      changeBpIdPaste() {
        this.bpIdPaste = !this.bpIdPaste
      },
      changeBpIdClear() {
        this.bpIdClear = !this.bpIdClear
      },
      changeBpNamePaste() {
        this.bpNamePaste = !this.bpNamePaste
      },
      changeBpNameClear() {
        this.bpNameClear = !this.bpNameClear
      },
      changeSnPaste() {
        this.snPaste = !this.snPaste
      },
      changeSnClear() {
        this.snClear = !this.snClear
      },
      // 拖拽弹框取消/确定事件
      cancelPaste() {
        this.dialogData.dialogRegion = false
        // this.gepgraphy.regionSValue = []
        this.gepgraphy.regionText = ''
        this.gepgraphy.regionTextArr = []
      },
      confimPaste() {
        this.dialogData.dialogRegion = false
        this.gepgraphy.regionSValue = this.gepgraphy.regionSValue.concat(this.gepgraphy.regionTextArr)
      },
      cancelPasteCountry() {
        this.dialogData.dialogCountry = false
        // this.gepgraphy.regionSValue = []
        this.gepgraphy.countryText = ''
        this.gepgraphy.countryTextArr = []
      },
      confimPasteCountry() {
        this.dialogData.dialogCountry = false
        this.gepgraphy.countrySValue = this.gepgraphy.countrySValue.concat(this.gepgraphy.countryTextArr)
      },
      cancelPasteCustomerId() {
        this.dialogData.dialogCustomerId = false
        // this.gepgraphy.regionSValue = []
        this.bp.bpIdText = ''
        this.bp.bpIdTextArr = []
      },
      confimPasteCustomerId() {
        this.dialogData.dialogCustomerId = false
        this.bp.bpIdSValue = this.bp.bpIdSValue.concat(this.bp.bpIdTextArr)
      },
      cancelPasteCustomerName() {
        this.dialogData.dialogCustomerName = false
        // this.gepgraphy.regionSValue = []
        this.bp.bpNameText = ''
        this.bp.bpNameTextArr = []
      },
      confimPasteCustomerName() {
        this.dialogData.dialogCustomerName = false
        this.bp.bpNameSValue = this.bp.bpNameSValue.concat(this.bp.bpNameTextArr)
      },

      cancelPasteSn() {
        this.dialogData.dialogSn = false
        this.product.snText = ''
        this.product.snTextArr = []
      },
      cancelPasteUniqueId() {
        this.dialogData.dialogUniqueId = false
        this.product.uniqueIdText = ''
        this.product.uniqueIdTextArr = []
      },
      cancelPasteMachineType() {
        this.dialogData.dialogMachineType = false
        this.product.machineTypeText = '';
        this.product.machineTypeTextArr = []
      },
      confimPasteSn() {
        this.dialogData.dialogSn = false
        this.product.snSValue = this.product.snSValue.concat(this.product.snTextArr)
        // 去除空格处理
        this.product.snSValue = this.product.snSValue.filter(item => {
          return item !== ''
        })
      },
      confimPasteUniqueId() {
        this.dialogData.dialogUniqueId = false
        this.product.uniqueIdSValue = this.product.uniqueIdSValue.concat(this.product.uniqueIdTextArr)
        // 去除空格处理
        this.product.uniqueIdSValue = this.product.uniqueIdSValue.filter(item => {
          return item !== ''
        })
      },
      confimPasteMachineType() {
        this.dialogData.dialogMachineType = false
        this.product.machineTypeSValue = this.product.machineTypeSValue.concat(this.product.machineTypeTextArr)
        // 去除空格处理
        this.product.machineTypeSValue = this.product.machineTypeSValue.filter(item => {
          return item !== ''
        })
      },


      // 解决输入框前后空格输入问题
      cancelSpace(arr) {
        return arr.map(item => item.trim())
      },

      showCard() {
        this.num += 1
        if (this.num < 2) {
          this.selectActiveNames = `${this.num}`
        }
      },
      initCard() {
        this.selectActiveNames = '1'
      },
      check(value) {
        console.log(value)
      },
      getWeekNumber(d) {
        // Copy date so don't modify original
        d = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
        // Set to nearest Thursday: current date + 4 - current day number
        // Make Sunday's day number 7
        d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 1));
        // Get first day of year
        var yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));
        // Calculate full weeks to nearest Thursday
        var weekNo = Math.ceil((((d - yearStart) / 86400000) + 1) / 7);
        if (weekNo < 10) {
          weekNo = '0' + weekNo
        }
        // Return array of year and week number
        return [d.getUTCFullYear(), weekNo];
      },
      getTime(value) {
        var result = this.getWeekNumber(value)
        this.billingValue = result.join('')
      },
      getTime1(value) {
        var result = this.getWeekNumber(value)
        this.billingBetween1 = result.join('')
      },
      getTime2(value) {
        var result = this.getWeekNumber(value)
        this.billingBetween2 = result.join('')
      },
      getTimeDelivery(value) {
        var result = this.getWeekNumber(value)
        this.time.deliveryValue = result.join('')
      },
      getTime3(value) {
        var result = this.getWeekNumber(value)
        this.time.deliveryBetween1 = result.join('')
      },
      getTime4(value) {
        var result = this.getWeekNumber(value)
        this.time.deliveryBetween2 = result.join('')
      },
      getTimeSo(value) {
        var result = this.getWeekNumber(value)
        this.soValue = result.join('')
      },
      getTime5(value) {
        var result = this.getWeekNumber(value)
        this.soBetween1 = result.join('')
      },
      getTime6(value) {
        var result = this.getWeekNumber(value)
        this.soBetween2 = result.join('')
      },
      getTimeService(value) {
        var result = this.getWeekNumber(value)
        this.serviceValue = result.join('')
      },
      getTime7(value) {
        var result = this.getWeekNumber(value)
        this.serviceBetween1 = result.join('')
      },
      getTime8(value) {
        var result = this.getWeekNumber(value)
        this.serviceBetween2 = result.join('')
      },
      filterSearch() {
        this.searchLoading = true
//        console.log('执行了搜索条件')
        const _this = this
        if (this.chart.value === 'transaction') {
          var params = {
            tablename: 'transaction',
            username: getUsername(),
            authority_geo: {
              opt: this.gepgraphy.geoValue,
              // value: this.gepgraphy.geoSValue
              value: this.cancelSpace(this.gepgraphy.geoSValue)
            },
            sell_in_region: {
              opt: this.gepgraphy.regionValue,
              // value: this.gepgraphy.regionSValue
              value: this.cancelSpace(this.gepgraphy.regionSValue)
            },
            sell_in_country: {
              opt: this.gepgraphy.countryValue,
              value: this.cancelSpace(this.gepgraphy.countrySValue)
            },
            sold_to: {
              opt: this.bp.bpIdValue,
              value: this.cancelSpace(this.bp.bpIdSValue)
            },
            sold_to_name: {
              opt: this.bp.bpNameValue,
              value: this.cancelSpace(this.bp.bpNameSValue)
            },
            sold_to_group: {
              opt: this.bp.groupValue,
              value: this.cancelSpace(this.bp.groupSValue)
            },
            prod_unique_id: {
              opt: this.product.uniqueIdValue,
              value: this.cancelSpace(this.product.uniqueIdSValue)
            },
            prod_sn: {
              opt: this.product.snValue,
              value: this.cancelSpace(this.product.snSValue)
            },
            prod_machine_type: {
              value: this.cancelSpace(this.product.machineTypeSValue)
            },

            page: 1,
            pageSize: 10,

          } // 默认日期3个条件都不是between（不选也包括）情况下的params

          // 数据采集行为（注视方便修改）

          Avatar.push([
            'track',
            [
              'category',
              'loginSuccess',
              'label',
              {
                url: getUrl(),
                userName: getUsername(),
                parentName: getPageName(),
                childName: params
              },
              0
            ]
          ]);
//          if (this.time.billingbillingValue !== 'between' && this.time.deliveryDateValue !== 'between' && this.time.soValue !== 'between') {}
//          this.axios.post('http://10.119.179.2:9090/statusupdate/filterSearch.do', params).then(response => {
          this.axios.post('/statusupdate/filterSearch.do', params).then(response => {
            _this.searchLoading = false
            if (response.data.status === 200) {
              const resData = response.data.data
              if (resData.data.toString() === '') {
                _this.dialogVisible = true
                _this.searchLoading = false
              } else {
                var str = JSON.stringify(params)
                setDataToolsFilterParams(str)
//                _this.$router.push({ path: '/filterResult', query: { params: params }})
                _this.$router.push({path: './DataToolsFilterResult'})
              }
            } else {
              alert(this.$t('filter.requireFalse'))
              this.searchLoading = false
            }
          }).catch(error => {
            alert(this.$t('filter.requireFalse'))
            this.searchLoading = false
          })
//          this.http.post('http://10.120.193.104:5001/api/stock/stock_news/600028', {
//            token: 'zhuyue3_OEJFQzE1QTJFMkE3NEQzOEI0QzE3MDYyMUJBQTlDQTk6emh1eXVlMywxNTE0ODU0OTY5MzczY29tLmNvbS5tYWRw'
//          }).then(res => {
//            console.log('试一试')
//            console.log(res)
//          }).catch(error => {
//            console.log(error)
//          })
        }
      },
      handleChange2(value) {
        console.log(value)
      },
      handleChange3(value) {
//        console.log(value)
      },
      handleChange4(value) {
//        console.log(value)
      },
      handleChange5(value) {
      },
      pasteRegion() {
        this.dialogData.dialogRegion = true
        this.gepgraphy.regionText = ''
        // this.gepgraphy.regionSValue = []
        // this.gepgraphy.pasteRegion = !this.gepgraphy.pasteRegion
      },
      pasteCountry() {
        this.dialogData.dialogCountry = true
        this.gepgraphy.countryText = ''
//        this.gepgraphy.countryTextArr = []
//         this.gepgraphy.countrySValue = []
//         this.gepgraphy.pasteCountry = !this.gepgraphy.pasteCountry
      },
      pasteBpId() {
        this.dialogData.dialogCustomerId = true
        this.bp.bpIdText = ''
        // this.bp.bpIdSValue = []
        this.bp.pasteBpId = !this.bp.pasteBpId

      },
      pasteBpName() {
        this.dialogData.dialogCustomerName = true
        this.bp.bpNameText = ''
//        this.bp.bpNameTextArr = []
//         this.bp.bpNameSValue = []
        this.bp.pasteBpName = !this.bp.pasteBpName
      },

      pasteBu() {
        this.dialogData.dialogBu = true
        this.product.buText = ''
//        this.product.buTextArr = []
//         this.product.buSValue = []
        this.product.pasteBu = !this.product.pasteBu
      },
      pasteBrand() {
        this.dialogData.dialogBrand = true
        this.product.brandText = ''
//        this.product.brandTextArr = []
//         this.product.brandSValue = []
        this.product.pasteBrand = !this.product.pasteBrand
      },
      pasteProductSeries() {
        this.dialogData.dialogProductSeries = true
        this.product.productSeriesText = ''
//        this.product.productSeriesTextArr = []
//         this.product.productSeriesSValue = []
        this.product.pasteProductSeries = !this.product.pasteProductSeries
      },
      pasteProductFamily() {
        this.dialogData.dialogProductFamily = true
        this.product.productFamilyText = ''
//        this.product.productFamilyTextArr = []
//         this.product.productFamilySValue = []
        this.product.pasteProductFamily = !this.product.pasteProductFamily
      },
      pasteMaterial() {
        this.dialogData.dialogMaterial = true
        this.product.materialText = ''
//        this.product.materialTextArr = []
//         this.product.materialSValue = []
        this.product.pasteMaterial = !this.product.pasteMaterial
      },
      pasteSn() {
        this.dialogData.dialogSn = true
        this.product.snText = ''
//        this.product.snTextArr = []
//         this.product.snSValue = []
        this.product.pasteSn = !this.product.pasteSn
      },
      pasteUniqueId() {
        this.dialogData.dialogUniqueId = true
        this.product.uniqueIdText = ''
//        this.product.snTextArr = []
//         this.product.snSValue = []
        this.product.pasteUniqueId = !this.product.pasteUniqueId
      },
      pasteMachineType() {
        this.dialogData.dialogMachineType = true
        this.product.machineTypeText = ''
//        this.product.machineTypeTextArr = []
//         this.product.machineTypeSValue = []
        this.product.pasteMachineType = !this.product.pasteMachineType
      },
      pasteSo() {
        this.dialogData.dialogSalesOrderNumber = true
        this.transaction.soText = ''
//        this.transaction.soTextArr = []
//         this.transaction.soSValue = []
        this.transaction.pasteSo = !this.transaction.pasteSo
      },
      pasteBilling() {
        this.dialogData.dialogBillingNumber = true
        this.transaction.billingText = ''
//        this.transaction.billingTextArr = []
//         this.transaction.billingSValue = []
        this.transaction.pasteBilling = !this.transaction.pasteBilling
      },
      removeItem(index) {
//        this.gepgraphy.geoValues.splice(index, 1)
      },
      addItem() {
//        this.gepgraphy.num += 1
//        console.log('点击添加'+ this.gepgraphy.num)
//        // item1可以是空数组；
//        let item1 = [
//          {
//            value: '=',
//            label: '='
//          },
//          {
//            value: '≠',
//            label: '≠'
//          },
//        ]
//        this.addItems.push(item1)
//        let item2 = {value1: '', value2: ''}
//        this.gepgraphy.geoValues.push(item2) // [{value1: '=', value2: ['哈哈']},{}]
      },
      handleChange(activeNames) {
        console.log(activeNames)
      },
      clearGeography() {
        this.clearGeo()
        this.clearRegion()
        this.clearCountry()
      },
      clearBp() {
        this.clearGroup()
        this.clearBpId()
        this.clearBpName()
      },
      clearTags() {
        this.clearIndustry()
        this.clearNielsonId()
        this.clearLoyalty()
        this.clearScale()
        this.clearCrossBuy()
      },
      clearProduct() {
        this.clearBg()
        this.clearBu()
        this.clearBrand()
        this.clearProductSeries()
        this.clearProductFamily()
        this.clearMaterial()
        this.clearSn()
        this.clearMachineType()
      },
      clearTransaction() {
        this.clearSegment()
        this.clearSo()
        this.clearBilling()
        this.clearCa()
        this.clearGp()
        this.clearGp2()
        this.clearRevenue()
      },
      clearTime() {
        this.clearBillingDate()
        this.cleardeliveryValue()
        this.clearSoDate()
        this.clearServiceDate()
      },
      clearAllData() {
//        this.gepgraphy.geoValue = ''
//        this.gepgraphy.geoSValue = []
//
//        this.gepgraphy.regionValue = ''
//        this.gepgraphy.regionText = ''
//        this.gepgraphy.regionSValue = []
//
//        this.gepgraphy.countryValue = ''
//        this.gepgraphy.countryText = ''
//        this.gepgraphy.countrySValue = []
        this.clearGeo()
        this.clearRegion()
        this.clearCountry()
        this.clearBg()

        this.bp.groupValue = ''
        this.bp.groupSValue = []

        this.bp.bpIdValue = ''
        this.bp.bpIdText = ''
        this.bp.bpIdSValue = []

        this.bp.bpNameValue = ''
        this.bp.bpNameText = ''
        this.bp.bpNameSValue = []


        this.product.bgValue = ''
        this.product.bgSValue = []

        this.product.buValue = ''
        this.product.buText = ''
        this.product.buSValue = []

        this.product.brandValue = ''
        this.product.brandText = ''
        this.product.brandSValue = []

        this.product.productSeriesValue = ''
        this.product.productSeriesText = ''
        this.product.productSeriesSValue = []

        this.product.productFamilyValue = ''
        this.product.productFamilyText = ''
        this.product.productFamilySValue = []

        this.product.materialValue = ''
        this.product.materialText = ''
        this.product.materialSValue = []

        this.product.snValue = ''
        this.product.snText = ''
        this.product.snSValue = []

        this.product.machineTypeText = ''
        this.product.machineTypeSValue = []

        this.transaction.segmentValue = ''
        this.transaction.segmentSValue = []

        this.transaction.soValue = ''
        this.product.soText = ''
        this.transaction.soSValue = []

        this.transaction.billingValue = ''
        this.product.billingText = ''
        this.transaction.billingSValue = []

        this.transaction.caValue = ''
        this.transaction.caSValue = []

        this.transaction.gpValue = ''
        this.transaction.gpSValue = []

        this.transaction.gp2Value = ''
        this.transaction.gp2SValue = []

        this.transaction.revenueValue = ''
        this.transaction.revenueSValue = []

        this.time.billingbillingValue = ''
        this.billingValue = ''
        this.time.selectedOptions = []

        this.time.deliveryDateValue = ''
        this.time.deliveryValue = ''
        this.time.selectedOptionsDelivery = []

        this.time.soValue = ''
        this.soValue = ''
        this.time.selectedOptionsSo = []

        this.time.serviceBillingValue = ''
        this.serviceValue = ''
        this.serviceBetween1 = ''
        this.serviceBetween2 = ''
        this.time.selectedOptionsService = []
      },
      switchAfter() {
        // this.gepgraphy.geoValue = ''
        this.gepgraphy.geoSValue = []

        // this.gepgraphy.regionValue = ''
        this.gepgraphy.regionText = ''
        this.gepgraphy.regionSValue = []

        // this.gepgraphy.countryValue = ''
        this.gepgraphy.countryText = ''
        this.gepgraphy.countrySValue = []

        // this.bp.groupValue = ''
        this.bp.groupSValue = []

        // this.bp.bpIdValue = ''
        this.bp.bpIdText = ''
        this.bp.bpIdSValue = []

        // this.bp.bpNameValue = ''
        this.bp.bpNameText = ''
        this.bp.bpNameSValue = []


        // this.product.bgValue = ''
        this.product.bgSValue = []

        // this.product.buValue = ''
        this.product.buText = ''
        this.product.buSValue = []

        // this.product.brandValue = ''
        this.product.brandText = ''
        this.product.brandSValue = []

        // this.product.productSeriesValue = ''
        this.product.productSeriesText = ''
        this.product.productSeriesSValue = []

        // this.product.productFamilyValue = ''
        this.product.productFamilyText = ''
        this.product.productFamilySValue = []

        // this.product.materialValue = ''
        this.product.materialText = ''
        this.product.materialSValue = []

        // this.product.snValue = ''
        this.product.snText = ''
        this.product.snSValue = []

        this.product.machineTypeText = ''
        this.product.machineTypeSValue = []

        // this.transaction.segmentValue = ''
        this.transaction.segmentSValue = []

        // this.transaction.soValue = ''
        this.product.soText = ''
        this.transaction.soSValue = []

        // this.transaction.billingValue = ''
        this.product.billingText = ''
        this.transaction.billingSValue = []

        // this.transaction.caValue = ''
        this.transaction.caSValue = []

        // this.transaction.gpValue = ''
        this.transaction.gpSValue = []

        // this.transaction.gp2Value = ''
        this.transaction.gp2SValue = []

        // this.transaction.revenueValue = ''
        this.transaction.revenueSValue = []

        // this.time.billingbillingValue = ''
        this.billingValue = ''
        this.time.selectedOptions = []

        // this.time.deliveryDateValue = ''
        this.time.deliveryValue = ''
        this.time.selectedOptionsDelivery = []

        // this.time.soValue = ''
        this.soValue = ''
        this.time.selectedOptionsSo = []

        // this.time.serviceBillingValue = ''
        this.serviceValue = ''
        this.serviceBetween1 = ''
        this.serviceBetween2 = ''
        this.time.selectedOptionsService = []
      },
      clearValue(index) {
        this.gepgraphy.geoValues[index].value1 = ''
        this.gepgraphy.geoValues[index].value2 = ''
//        this.chart.value = ''
//        console.log(this.$refs.TestIntroduction.value)
//        this.gepgraphy.geoValues = [{value1: '', value2: ''}]
//        this.gepgraphy.geoValue = ''
      },
      clearGeo() {
        this.gepgraphy.geoValue = ''
        this.gepgraphy.geoSValue = []
        this.geoChange()
      },
      clearRegion() {
        this.gepgraphy.regionValue = ''
        this.gepgraphy.regionText = ''
        this.gepgraphy.regionSValue = []
//        this.loadCountry()考虑到已选了GEO的条件下取值问题
        this.geoChange()
      },
      clearCountry() {
        this.gepgraphy.countryValue = ''
        this.gepgraphy.countryText = ''
        this.gepgraphy.countrySValue = []
      },
      clearGroup() {
        this.bp.groupValue = ''
        this.bp.groupSValue = []
      },
      clearBpId() {
        this.bp.bpIdValue = ''
        this.bp.bpIdText = ''
        this.bp.bpIdSValue = []
      },
      clearBpName() {
        this.bp.bpNameValue = ''
        this.bp.bpNameText = ''
        this.bp.bpNameSValue = []
      },

      clearBg() {
        this.product.bgValue = ''
        this.product.bgSValue = []
        this.loadBu()
      },
      clearBu() {
        this.product.buValue = ''
        this.product.buText = ''
        this.product.buSValue = []
      },
      clearBrand() {
        this.product.brandValue = ''
        this.product.brandText = ''
        this.product.brandSValue = []
      },
      clearProductSeries() {
        this.product.productSeriesValue = ''
        this.product.productSeriesText = ''
        this.product.productSeriesSValue = []
      },
      clearProductFamily() {
        this.product.productFamilyValue = ''
        this.product.productFamilyText = ''
        this.product.productFamilySValue = []
      },
      clearMaterial() {
        this.product.materialValue = ''
        this.product.materialText = ''
        this.product.materialSValue = []
      },
      clearSn() {
        this.product.snValue = ''
        this.product.snText = ''
        this.product.snSValue = []
      },
      clearUniqueId() {
        this.product.uniqueIdValue = ''
        this.product.uniqueIdText = ''
        this.product.uniqueIdSValue = []
      },
      clearMachineType() {
        this.product.machineTypeText = ''
        this.product.machineTypeSValue = []
      },
      clearSegment() {
        this.transaction.segmentValue = ''
        this.transaction.segmentSValue = []
      },
      clearSo() {
        this.transaction.soValue = ''
        this.product.soText = ''
        this.transaction.soSValue = []
      },
      clearBilling() {
        this.transaction.billingValue = ''
        this.product.billingText = ''
        this.transaction.billingSValue = []
      },
      clearCa() {
        this.transaction.caValue = ''
        this.transaction.caSValue = []
      },
      clearGp() {
        this.transaction.gpValue = ''
        this.transaction.gpSValue = []
      },
      clearGp2() {
        this.transaction.gp2Value = ''
        this.transaction.gp2SValue = []
      },
      clearRevenue() {
        this.transaction.revenueValue = ''
        this.transaction.revenueSValue = []
      },
      clearBillingDate() {
        this.time.billingbillingValue = ''
        this.billingValue = ''
        this.time.selectedOptions = []
//       周
        this.value3 = ''
        this.value4 = ''
        this.value5 = ''
        this.showYear = true
        this.showBetweenDate = false
        this.showBetweenMonth = false
        this.showBetweenQuarter = false
        this.showBetweenYear = false
        this.showBetweenWeek = false
        this.showMonth = false
        this.showQuarter = false
        this.showWeek = false
        this.showDate = false
      },
      cleardeliveryValue() {
        this.time.deliveryDateValue = ''
        this.time.deliveryValue = ''
        this.time.selectedOptionsDelivery = []
        //       周
        this.deliveryWeekValue = ''
        this.deliveryWeekValues1 = ''
        this.deliveryWeekValues2 = ''
        this.time.deliveryShowYear = true
        this.time.deliveryShowBetweenDate = false
        this.time.deliveryShowBetweenMonth = false
        this.time.deliveryShowBetweenQuarter = false
        this.time.deliveryShowBetweenWeek = false
        this.time.deliveryShowBetweenYear = false
        this.time.deliveryShowMonth = false
        this.time.deliveryShowQuarter = false
        this.time.deliveryShowWeek = false
        this.time.deliveryShowDate = false
      },
      clearSoDate() {
        this.time.soValue = ''
        this.soValue = ''
        this.time.selectedOptionsSo = []
        //       周
        this.soWeekValue = ''
        this.soWeekValues1 = ''
        this.soWeekValues2 = ''
        this.soshowYear = true
        this.soshowBetweenDate = false
        this.soshowBetweenMonth = false
        this.soshowBetweenQuarter = false
        this.soshowBetweenWeek = false
        this.soshowBetweenYear = false
        this.soshowMonth = false
        this.soshowQuarter = false
        this.soshowWeek = false
        this.soshowDate = false
      },
      clearServiceDate() {
        this.time.serviceBillingValue = ''
        this.serviceValue = ''
        this.serviceBetween1 = ''
        this.serviceBetween2 = ''
        this.time.selectedOptionsService = []
        //       周
        this.serviceWeekValue = ''
        this.serviceWeekValues1 = ''
        this.serviceWeekValues2 = ''
        this.time.serviceShowYear = true
        this.time.serviceShowBetweenDate = false
        this.time.serviceShowBetweenMonth = false
        this.time.serviceShowBetweenQuarter = false
        this.time.serviceShowBetweenWeek = false
        this.time.serviceShowBetweenYear = false
        this.time.serviceShowMonth = false
        this.time.serviceShowQuarter = false
        this.time.serviceShowWeek = false
        this.time.serviceShowDate = false
      },
      // 接口
      loadBg() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForBg.do', {
          username: getUsername()
        }).then(response => {
          if (response.data.status === 200) {
            let resData = response.data.data
//            _this.gepgraphy.geoSelect = resData.geo.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.regionSelect = resData.region.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.countrySelect = resData.country.map(item => {
//              return {value: item, label: item}
//            })
            _this.product.bgSelect = resData.bg.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadBu() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForBu.do', {
          username: getUsername()
        }).then(response => {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.product.buSelect = resData.bu.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadGeo() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForGeo.do', {
          username: getUsername(),
          geos: [],
          regions: []
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data;
            _this.gepgraphy.geoSelect = resData.geo.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      loadRegion() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForRegion.do', {
          username: getUsername()
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.regionSelect = resData.region.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },

      loadCountry() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForCountry.do', {
          username: getUsername()
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.countrySelect = resData.country.map(item => {
              return {value: item, label: item}
            })
//            _this.gepgraphy.regionSelect = resData.region.map(item => {
//              return {value: item, label: item}
//            })
//            _this.gepgraphy.countrySelect = resData.country.map(item => {
//              return {value: item, label: item}
//            })
//            _this.product.buSelect = resData.bu.map(item => {
//              return {value: item, label: item}
//            })
          }
        })
      },

      loadSegment() {
        const _this = this
        this.axios.post('/filtersearch/segmentSelect.do', {
          username: getUsername(),
          tablename: this.chart.value
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.transaction.segmentSelect = resData.map(item => {
              return {value: item, label: item}
            })
          }
        })
      },
      geoChange() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForGeo.do', {
          username: getUsername(),
          geos: _this.gepgraphy.geoSValue,
          regions: []
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.regionSelect = []
            _this.gepgraphy.countrySelect = []
            _this.gepgraphy.regionSValue = []
            _this.gepgraphy.countrySValue = []
            if (resData.region) {
              _this.gepgraphy.regionSelect = resData.region.map(item => {
                return {value: item, label: item}
              })
            } else {
              _this.loadRegion()
            }
            if (resData.country) {
              _this.gepgraphy.countrySelect = resData.country.map(item => ({value: item, label: item}))
            } else {
              _this.loadCountry()
            }
          }
        })
      },
      regionChange() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForRegion.do', {
          username: getUsername(),
//          geos: _this.gepgraphy.geoSValue,
          regions: _this.gepgraphy.regionSValue
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.gepgraphy.countrySelect = []
            _this.gepgraphy.countrySValue = []
            if (resData.country) {
              _this.gepgraphy.countrySelect = resData.country.map(item => {
                return {value: item, label: item}
              })
            } else {
              _this.loadCountry()
            }
          }
        })
      },
      bgChange() {
        const _this = this
        this.axios.post('/filtersearch/userAuthForBg.do', {
          username: getUsername(),
          bgs: _this.product.bgSValue
        }).then(function (response) {
          if (response.data.status === 200) {
            let resData = response.data.data
            _this.product.buSelect = []
            _this.product.buSValue = []
            if (resData.bu) {
              _this.product.buSelect = resData.bu.map(item => {
                return {value: item, label: item}
              })
            } else {
              _this.loadBu()
            }
          }
        })
      },
      symbolChange(nVal) {
        if (nVal === 'eq') {
          return '='
        }
        if (nVal === 'neq') {
          return '≠'
        }
        if (nVal === 'gt') {
          return '>'
        }
        if (nVal === 'gte') {
          return '≥'
        }
        if (nVal === 'lt') {
          return '<'
        }
        if (nVal === 'lte') {
          return '≤'
        }
        if (nVal === 'notcontain') {
          return 'NOT CONTAIN'
        }
        if (nVal === 'contain') {
          return 'CONTAIN'
        }
        if (nVal === 'between') {
          return 'BETWEEN'
        }
        if (nVal === '') {
          return ''
        }
      },
      timeMarkChange(nVal) {
        if (nVal[0] === 'Fiscal Year') {
          if (nVal[1] === 'billing_year_fis' || nVal[1] === 'delivery_gi_year_fis' || nVal[1] === 'sales_order_create_year_fis' || nVal[1] === 'create_year_fis') {
            return 'FY'
          } else if (nVal[1] === 'billing_month_fis' || nVal[1] === 'delivery_gi_month_fis' || nVal[1] === 'sales_order_create_month_fis' || nVal[1] === 'create_month_fis') {
            return 'FM'
          } else if (nVal[1] === 'billing_quarter_fis' || nVal[1] === 'delivery_gi_quarter_fis' || nVal[1] === 'sales_order_create_quarter_fis' || nVal[1] === 'create_quarter_fis') {
            return 'FQ'
          }
        } else if (nVal[0] === 'Calendar Year') {
          if (nVal[1] === 'billing_year' || nVal[1] === 'delivery_gi_year' || nVal[1] === 'sales_order_create_year' || nVal[1] === 'create_year') {
            return 'Year'
          } else if (nVal[1] === 'billing_month' || nVal[1] === 'delivery_gi_month' || nVal[1] === 'sales_order_create_month' || nVal[1] === 'create_month') {
            return 'Month'
          } else if (nVal[1] === 'billing_week' || nVal[1] === 'delivery_gi_week' || nVal[1] === 'sales_order_create_week' || nVal[1] === 'create_week') {
            return 'Week'
          } else if (nVal[1] === 'billing_date' || nVal[1] === 'delivery_gi_date' || nVal[1] === 'sales_order_create_date' || nVal[1] === 'createtime' || nVal[1] === 'createtime_format') {
            return 'Day'
          } else if (nVal[1] === 'billing_quarter' || nVal[1] === 'delivery_gi_quarter' || nVal[1] === 'sales_order_create_quarter' || nVal[1] === 'create_quarter_fis') {
            return 'Quarter'
          }
        }
      }
    },
    mounted() {
//      this.loadBg()
//      this.loadBu()
      this.loadGeo()
      this.loadRegion()
      this.loadCountry()
//      this.loadSegment()
    },
    directives: {
      drag: {
        inserted: function (el, bindings) {
          el.onmousedown = function (e) {
            var disx = e.pageX - el.offsetLeft;
            var disy = e.pageY - el.offsetTop;
            document.onmousemove = function (e) {
              el.style.left = e.pageX - disx + 'px';
              el.style.top = e.pageY - disy + 'px';
            }
            document.onmouseup = function () {
              document.onmousemove = document.onmouseup = null;
            }
          }
        }
      }
    },
    watch: {
      // 表格名字
      'chart.value': function (nVal) {
        if (nVal === 'transaction') {
          this.tableName = 'cbi_document_flow & cbi_bp'
        } else if (nVal === 'service') {
          this.tableName = 'services_claim & cbi_bp'
        }
      },
      // eq转变为=号
      'gepgraphy.geoValue': function (nVal) {
        this.symbolData.geoValueChange = this.symbolChange(nVal)
      },
      'gepgraphy.regionValue': function (nVal) {
        this.symbolData.regionValueChange = this.symbolChange(nVal)
      },
      'gepgraphy.countryValue': function (nVal) {
        this.symbolData.countryValueChange = this.symbolChange(nVal)
      },
      'bp.groupValue': function (nVal) {
        this.symbolData.groupValueChange = this.symbolChange(nVal)
      },


      'product.bgValue': function (nVal) {
        this.symbolData.bgValueChange = this.symbolChange(nVal)
      },
      'product.buValue': function (nVal) {
        this.symbolData.buValueChange = this.symbolChange(nVal)
      },
      'product.brandValue': function (nVal) {
        this.symbolData.brandValueChange = this.symbolChange(nVal)
      },
      'product.productSeriesValue': function (nVal) {
        this.symbolData.productSeriesValueChange = this.symbolChange(nVal)
      },
      'product.productFamilyValue': function (nVal) {
        this.symbolData.productFamilyValueChange = this.symbolChange(nVal)
      },
      'product.materialValue': function (nVal) {
        this.symbolData.materialValueChange = this.symbolChange(nVal)
      },
      'product.snValue': function (nVal) {
        this.symbolData.snValueChange = this.symbolChange(nVal)
      },
      'transaction.segmentValue': function (nVal) {
        this.symbolData.segmentValueChange = this.symbolChange(nVal)
      },
      'transaction.soValue': function (nVal) {
        this.symbolData.soValueChange = this.symbolChange(nVal)
      },
      'transaction.billingValue': function (nVal) {
        this.symbolData.billingValueChange = this.symbolChange(nVal)
      },
      'bp.bpIdValue': function (nVal) {
        if (nVal !== '') {
          this.bp.disabledName = true
        } else {
          this.bp.disabledName = false
        }
        this.symbolData.bpIdValueChange = this.symbolChange(nVal)
      },
      'bp.bpNameValue': function (nVal) {
        if (nVal !== '') {
          this.bp.disabledID = true
        } else {
          this.bp.disabledID = false
        }
        this.symbolData.bpNameValueChange = this.symbolChange(nVal)
      },
      'transaction.caValue': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.caSValue = []
          this.transaction.showInput = true
          this.transaction.caSValue2 = null
        } else {
          this.transaction.showInput = false
          this.transaction.caSValue = []
          this.transaction.caSValue2 = null
        }
        this.symbolData.caValueChange = this.symbolChange(nVal)
      },
      'transaction.caSValue2': function (nVal) {
//        this.transaction.caSValue = this.transaction.caSValue2.split()
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showCaTips = true
          } else {
            this.transaction.tips.showCaTips = false
          }
          this.transaction.caSValue = nVal.split()
        }
      },
      'transaction.gpValue': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.gpSValue = []
          this.transaction.gpSValue2 = null
          this.transaction.showGpInput = true
        } else {
          this.transaction.showGpInput = false
          this.transaction.gpSValue2 = null
          this.transaction.gpSValue = []
        }
        this.symbolData.gpValueChange = this.symbolChange(nVal)
      },
      'transaction.gpSValue2': function (nVal) {
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showGpTips = true
          } else {
            this.transaction.tips.showGpTips = false
          }
          this.transaction.gpSValue = nVal.split()
        }
      },
      'transaction.gp2Value': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.gp2SValue = []
          this.transaction.gp2SValue2 = null
          this.transaction.showGpperInput = true
        } else {
          this.transaction.showGpperInput = false
          this.transaction.gp2SValue = []
          this.transaction.gp2SValue2 = null
        }
        this.symbolData.gp2ValueChange = this.symbolChange(nVal)
      },
      'transaction.gp2SValue2': function (nVal) {
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showGpperTips = true
          } else {
            this.transaction.tips.showGpperTips = false
          }
          this.transaction.gp2SValue = nVal.split()
        }
      },
      'transaction.revenueValue': function (nVal) {
        if (nVal === 'eq' || nVal === 'neq') {
          this.transaction.revenueSValue = []
          this.transaction.revenueSValue2 = null
          this.transaction.showRevenueInput = true
        } else {
          this.transaction.showRevenueInput = false
          this.transaction.revenueSValue2 = null
          this.transaction.revenueSValue = []
        }
        this.symbolData.revenueValueChange = this.symbolChange(nVal)
      },
      'transaction.revenueSValue2': function (nVal) {
        if (nVal) {
          if (!/^[0-9]*$/.test(nVal)) {
            this.transaction.tips.showRevenueTips = true
          } else {
            this.transaction.tips.showRevenueTips = false
          }
          this.transaction.revenueSValue = nVal.split()
        }
      },

      'time.billingbillingValue': function (nVal, oVal) {
        const _this = this
        console.log(nVal, oVal, 'val')
        console.log(this.time.selectedOptions, this.time.billingbillingValue, '**********')
        let billingValue = ''
        let selectOption = ''

        function clearData(str) {
          _this.showBetweenDate = false
          _this.showBetweenMonth = false
          _this.showBetweenQuarter = false
          _this.showBetweenYear = false
          _this.showBetweenWeek = false
          _this.showYear = false
          _this.showQuarter = false
          _this.showMonth = false
          _this.showQuarter = false
          _this.showWeek = false
          _this.showDate = false
        }

        if (this.time.selectedOptions === '') {
        } else {
          this.time.billingbillingValue === 'between' ? billingValue = 'double' : billingValue = 'odd'
          if (nVal === 'between') {
            this.billingBetween1 = this.billingValue
            this.value4 = this.value3
            this.billingValue = ''
            this.value3 = ''
          }
          if (oVal === 'between') {
            this.billingValue = this.billingBetween1
            this.value3 = this.value4
            this.billingBetween1 = ''
            this.value4 = ''
          }
          if (billingValue === 'double') {
            if (this.time.selectedOptions[1] === 'billing_year_fis' || this.time.selectedOptions[1] === 'billing_year') {
              clearData()
              this.showBetweenYear = true
            }
            if (this.time.selectedOptions[1] === 'billing_quarter_fis' || this.time.selectedOptions[1] === 'billing_quarter') {
              clearData()
              this.showBetweenQuarter = true
            }
            if (this.time.selectedOptions[1] === 'billing_month_fis' || this.time.selectedOptions[1] === 'billing_month') {
              clearData()
              this.showBetweenMonth = true
            }
            if (this.time.selectedOptions[1] === 'billing_week') {
              clearData()
              this.showBetweenWeek = true
            }
            if (this.time.selectedOptions[1] === 'billing_date') {
              clearData()
              this.showBetweenDate = true
            }
          } else if (billingValue === 'odd') {
            if (this.time.selectedOptions[1] === 'billing_year_fis' || this.time.selectedOptions[1] === 'billing_year') {
              clearData()
              this.showYear = true
            }
            if (this.time.selectedOptions[1] === 'billing_quarter_fis' || this.time.selectedOptions[1] === 'billing_quarter') {
              clearData()
              this.showQuarter = true
            }
            if (this.time.selectedOptions[1] === 'billing_month_fis' || this.time.selectedOptions[1] === 'billing_month') {
              clearData()
              this.showMonth = true
            }
            if (this.time.selectedOptions[1] === 'billing_week') {
              clearData()
              this.showWeek = true
            }
            if (this.time.selectedOptions[1] === 'billing_date') {
              clearData()
              this.showDate = true
            }
          }
        }
        this.symbolData.billingDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptions = []
        // this.billingValue = ''
        // this.billingBetween1 = ''
        // this.billingBetween2 = ''
        // // 显示周的
        // this.value3 = ''
        // this.value4 = ''
        // this.value5 = ''
        // this.showYear = true
        // this.showDate = false
        // this.showMonth = false
        // this.showWeek = false
        // this.showBetweenYear = false
        // this.showBetweenMonth = false
        // this.showBetweenDate = false
        // this.showBetweenWeek = false
      },
      'time.selectedOptions': function (nVal) {
        this.billingValue = ''
        this.billingBetween1 = ''
        this.billingBetween2 = ''
        // 显示周的
        this.value3 = ''
        this.value4 = ''
        this.value5 = ''
//        if (nVal[1] === 'billing_year_fis' || 'billing_year' && this.time.billingbillingValue === 'between') {
        if ((nVal[1] === 'billing_year_fis' && this.time.billingbillingValue === 'between') || (nVal[1] === 'billing_year' && this.time.billingbillingValue === 'between')) {
//          console.log(2323)
          this.showBetweenDate = false
          this.showBetweenMonth = false
          this.showBetweenYear = true
          this.showBetweenQuarter = false
          this.showBetweenWeek = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if ((nVal[1] === 'billing_quarter_fis' && this.time.billingbillingValue === 'between') || (nVal[1] === 'billing_quarter' && this.time.billingbillingValue === 'between')) {
          this.showBetweenDate = false
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = true
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if ((nVal[1] === 'billing_month_fis' && this.time.billingbillingValue === 'between') || (nVal[1] === 'billing_month' && this.time.billingbillingValue === 'between')) {
          this.showBetweenDate = false
          this.showBetweenMonth = true
          this.showBetweenYear = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if (nVal[1] === 'billing_week' && this.time.billingbillingValue === 'between') {
//          console.log(2323)
          this.showBetweenDate = false
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenQuarter = false
          this.showBetweenWeek = true
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = false
          this.showDate = false
        }
        if (nVal[1] === 'billing_date' && this.time.billingbillingValue === 'between') {
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenDate = true
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showDate = false
          this.showWeek = false
        }

        if ((nVal[1] === 'billing_year_fis' && this.time.billingbillingValue !== 'between') || (nVal[1] === 'billing_year' && this.time.billingbillingValue !== 'between')) {
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenDate = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = true
          this.showQuarter = false
          this.showMonth = false
          this.showDate = false
          this.showWeek = false
        }
        if ((nVal[1] === 'billing_quarter_fis' && this.time.billingbillingValue !== 'between') || (nVal[1] === 'billing_quarter' && this.time.billingbillingValue !== 'between')) {
          this.showBetweenYear = false
          this.showBetweenMonth = false
          this.showBetweenDate = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = true
          this.showMonth = true
          this.showDate = false
          this.showWeek = false
        }
        if ((nVal[1] === 'billing_month_fis' && this.time.billingbillingValue !== 'between') || (nVal[1] === 'billing_month' && this.time.billingbillingValue !== 'between')) {
          this.showBetweenYear = false
          this.showBetweenMonth = false
          this.showBetweenDate = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = true
          this.showDate = false
          this.showWeek = false
        }
        if (nVal[1] === 'billing_week' && this.time.billingbillingValue !== 'between') {
          this.showBetweenDate = false
          this.showBetweenMonth = false
          this.showBetweenYear = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showWeek = true
          this.showDate = false
        }
        if (nVal[1] === 'billing_date' && this.time.billingbillingValue !== 'between') {
          this.showBetweenYear = false
          this.showBetweenMonth = false
          this.showBetweenDate = false
          this.showBetweenWeek = false
          this.showBetweenQuarter = false
          this.showYear = false
          this.showQuarter = false
          this.showMonth = false
          this.showDate = true
          this.showWeek = false
        }
//        选择标志， 调用方法
        this.timeMarkDate.billingDateMark = this.timeMarkChange(nVal)
      },

      'time.deliveryDateValue': function (nVal, oVal) {
        const _this = this
        let deliveryValue = ''
        let deliveryOption = ''

        function clearData() {
          _this.time.deliveryShowBetweenDate = false
          _this.time.deliveryShowBetweenMonth = false
          _this.time.deliveryShowBetweenQuarter = false
          _this.time.deliveryShowBetweenWeek = false
          _this.time.deliveryShowBetweenYear = false
          _this.time.deliveryShowYear = false
          _this.time.deliveryShowMonth = false
          _this.time.deliveryShowQuarter = false
          _this.time.deliveryShowWeek = false
          _this.time.deliveryShowDate = false
        }

        this.time.deliveryDateValue === 'between' ? deliveryValue = 'double' : deliveryValue = 'odd'
        if (nVal === 'between') {
          this.time.deliveryBetween1 = this.time.deliveryValue
          this.deliveryWeekValues1 = this.deliveryWeekValue
          this.time.deliveryValue = ''
          this.deliveryWeekValue = ''
        }
        if (oVal === 'between') {
          this.time.deliveryValue = this.time.deliveryBetween1
          this.deliveryWeekValue = this.deliveryWeekValues1
          this.time.deliveryBetween1 = ''
          this.deliveryWeekValues1 = ''
        }
        if (deliveryValue === 'double') {
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_year_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_year') {
            clearData()
            this.time.deliveryShowBetweenYear = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter') {
            clearData()
            this.time.deliveryShowBetweenQuarter = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_month_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_month') {
            clearData()
            this.time.deliveryShowBetweenMonth = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_week') {
            clearData()
            this.time.deliveryShowBetweenWeek = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_date') {
            clearData()
            this.time.deliveryShowBetweenDate = true
          }
        } else if (deliveryValue === 'odd') {
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_year_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_year') {
            clearData()
            this.time.deliveryShowYear = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter_fis' || this.time.selectedOptionsDelivery[1] === 'delivery_gi_quarter') {
            clearData()
            this.time.deliveryShowQuarter = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_month_fis' || this.time.selectedOptionsDelivery[1] === 'del_billing_month') {
            clearData()
            this.time.deliveryShowMonth = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_week') {
            clearData()
            this.time.deliveryShowWeek = true
          }
          if (this.time.selectedOptionsDelivery[1] === 'delivery_gi_date') {
            clearData()
            this.time.deliveryShowDate = true
          }
        }
        this.symbolData.deliveryDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptionsDelivery = []
        // this.time.deliveryValue = ''
        // this.time.deliveryBetween1 = ''
        // this.time.deliveryBetween2 = ''
        // this.time.deliveryShowYear = true
        // this.time.deliveryShowDate = false
        // this.time.deliveryShowMonth = false
        // this.time.deliveryShowWeek = false
        // this.time.deliveryShowBetweenYear = false
        // this.time.deliveryShowBetweenMonth = false
        // this.time.deliveryShowBetweenDate = false
        // this.time.deliveryShowBetweenWeek = false
      },
      'time.selectedOptionsDelivery': function (nVal) {
        this.time.deliveryValue = ''
        this.time.deliveryBetween1 = ''
        this.time.deliveryBetween2 = ''
        if ((nVal[1] === 'delivery_gi_year_fis' && this.time.deliveryDateValue === 'between') || (nVal[1] === 'delivery_gi_year' && this.time.deliveryDateValue === 'between')) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowBetweenYear = true
          this.time.deliveryShowYear = false
          this.time.deliveryShowQuarter = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowDate = false
        }
        if ((nVal[1] === 'delivery_gi_quarter_fis' && this.time.deliveryDateValue === 'between') || (nVal[1] === 'delivery_gi_quarter' && this.time.deliveryDateValue === 'between')) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = true
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowQuarter = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowDate = false
        }
        if ((nVal[1] === 'delivery_gi_month_fis' && this.time.deliveryDateValue === 'between') || (nVal[1] === 'delivery_gi_month' && this.time.deliveryDateValue === 'between')) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = true
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if (nVal[1] === 'delivery_gi_date' && this.time.deliveryDateValue === 'between') {
          this.time.deliveryShowBetweenDate = true
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if (nVal[1] === 'delivery_gi_week' && this.time.deliveryDateValue === 'between') {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = true
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if ((nVal[1] === 'delivery_gi_year_fis' && this.time.deliveryDateValue !== 'between') || (nVal[1] === 'delivery_gi_year' && this.time.deliveryDateValue !== 'between')) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = true
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if ((nVal[1] === 'delivery_gi_quarter_fis' && this.time.deliveryDateValue !== 'between') || (nVal[1] === 'delivery_gi_quarter' && this.time.deliveryDateValue !== 'between')) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = true
        }
        if ((nVal[1] === 'delivery_gi_month_fis' && this.time.deliveryDateValue !== 'between') || (nVal[1] === 'delivery_gi_month' && this.time.deliveryDateValue !== 'between')) {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = true
          this.time.deliveryShowDate = false
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if (nVal[1] === 'delivery_gi_date' && this.time.deliveryDateValue !== 'between') {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = true
          this.time.deliveryShowWeek = false
          this.time.deliveryShowQuarter = false
        }
        if (nVal[1] === 'delivery_gi_week' && this.time.deliveryDateValue !== 'between') {
          this.time.deliveryShowBetweenDate = false
          this.time.deliveryShowBetweenMonth = false
          this.time.deliveryShowBetweenYear = false
          this.time.deliveryShowBetweenWeek = false
          this.time.deliveryShowBetweenQuarter = false
          this.time.deliveryShowYear = false
          this.time.deliveryShowMonth = false
          this.time.deliveryShowDate = false
          this.time.deliveryShowQuarter = false
          this.time.deliveryShowWeek = true
        }
        //        选择标志， 调用方法
        this.timeMarkDate.deliveryDateMark = this.timeMarkChange(nVal)
      },

      'time.soValue': function (nVal, oVal) {
        // 奇
        const _this = this
        let soValue = ''
        nVal === 'between' ? soValue = 'double' : soValue = 'odd'
        if (nVal === 'between') {
          this.soBetween1 = this.soValue
          this.soWeekValues1 = this.soWeekValue
          this.soValue = ''
          this.soWeekValue = ''
        }
        if (oVal === 'between') {
          this.soValue = this.soBetween1
          this.soWeekValue = this.soWeekValues1
          this.soBetween1 = ''
          this.soWeekValues1 = ''
        }

        function clearData() {
          _this.soshowBetweenDate = false
          _this.soshowBetweenMonth = false
          _this.soshowBetweenQuarter = false
          _this.soshowBetweenWeek = false
          _this.soshowBetweenYear = false
          _this.soshowYear = false
          _this.soshowMonth = false
          _this.soshowQuarter = false
          _this.soshowWeek = false
          _this.soshowDate = false
        }

        if (soValue === 'double') {
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_year_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_year') {
            clearData()
            this.soshowBetweenYear = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_quarter_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_quarter') {
            clearData()
            this.soshowBetweenQuarter = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_month_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_month') {
            clearData()
            this.soshowBetweenMonth = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_week') {
            clearData()
            this.soshowBetweenWeek = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_date') {
            clearData()
            this.soshowBetweenDate = true
          }
        } else if (soValue === 'odd') {
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_year_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_year') {
            clearData()
            this.soshowYear = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_quarter_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_quarter') {
            clearData()
            this.soshowQuarter = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_month_fis' || this.time.selectedOptionsSo[1] === 'sales_order_create_month') {
            clearData()
            this.soshowMonth = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_week') {
            clearData()
            this.soshowWeek = true
          }
          if (this.time.selectedOptionsSo[1] === 'sales_order_create_date') {
            clearData()
            this.soshowDate = true
          }
        }
        this.symbolData.soDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptionsSo = []
        // this.soValue = ''
        // this.soBetween1 = ''
        // this.soBetween2 = ''
        // this.soshowYear = true
        // this.soshowDate = false
        // this.soshowMonth = false
        // this.soshowWeek = false
        // this.soshowBetweenYear = false
        // this.soshowBetweenMonth = false
        // this.soshowBetweenDate = false
        // this.soshowBetweenWeek = false
      },
      'time.selectedOptionsSo': function (nVal) {
        this.soValue = ''
        this.soBetween1 = ''
        this.soBetween2 = ''
        if ((nVal[1] === 'sales_order_create_year_fis' && this.time.soValue === 'between') || (nVal[1] === 'sales_order_create_year' && this.time.soValue === 'between')) {
          this.soshowBetweenDate = false
          this.soshowBetweenMonth = false
          this.soshowBetweenQuarter = false
          this.soshowBetweenWeek = false
          this.soshowBetweenYear = true
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowWeek = false
          this.soshowDate = false
        }
        if ((nVal[1] === 'sales_order_create_quarter_fis' && this.time.soValue === 'between') || (nVal[1] === 'sales_order_create_quarter' && this.time.soValue === 'between')) {
          this.soshowBetweenYear = false
          this.soshowBetweenQuarter = true
          this.soshowBetweenMonth = false
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if ((nVal[1] === 'sales_order_create_month_fis' && this.time.soValue === 'between') || (nVal[1] === 'sales_order_create_month' && this.time.soValue === 'between')) {
          this.soshowBetweenYear = false
          this.soshowBetweenQuarter = false
          this.soshowBetweenMonth = true
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if (nVal[1] === 'sales_order_create_date' && this.time.soValue === 'between') {
          this.soshowBetweenMonth = false
          this.soshowBetweenQuarter = false
          this.soshowBetweenYear = false
          this.soshowBetweenWeek = false
          this.soshowBetweenDate = true
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if (nVal[1] === 'sales_order_create_week' && this.time.soValue === 'between') {
          this.soshowBetweenMonth = false
          this.soshowBetweenYear = false
          this.soshowBetweenWeek = true
          this.soshowBetweenDate = false
          this.soshowBetweenQuarter = false
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if ((nVal[1] === 'sales_order_create_year_fis' && this.time.soValue !== 'between') || (nVal[1] === 'sales_order_create_year' && this.time.soValue !== 'between')) {
          this.soshowBetweenMonth = false
          this.soshowBetweenYear = false
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowBetweenQuarter = false
          this.soshowYear = true
          this.soshowMonth = false
          this.soshowQuarter = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if ((nVal[1] === 'sales_order_create_quarter_fis' && this.time.soValue !== 'between') || (nVal[1] === 'sales_order_create_quarter' && this.time.soValue !== 'between')) {
          this.soshowBetweenYear = false
          this.soshowBetweenMonth = false
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowBetweenQuarter = false
          this.soshowYear = false
          this.soshowMonth = false
          this.soshowQuarter = true
          this.soshowDate = false
          this.soshowWeek = false
        }
        if ((nVal[1] === 'sales_order_create_month_fis' && this.time.soValue !== 'between') || (nVal[1] === 'sales_order_create_month' && this.time.soValue !== 'between')) {
          this.soshowBetweenYear = false
          this.soshowBetweenMonth = false
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowBetweenQuarter = false
          this.soshowYear = false
          this.soshowMonth = true
          this.soshowQuarter = false
          this.soshowDate = false
          this.soshowWeek = false
        }
        if (nVal[1] === 'sales_order_create_date' && this.time.soValue !== 'between') {
          this.soshowBetweenYear = false
          this.soshowBetweenMonth = false
          this.soshowBetweenDate = false
          this.soshowBetweenWeek = false
          this.soshowBetweenQuarter = false
          this.soshowYear = false
          this.soshowQuarter = false
          this.soshowMonth = false
          this.soshowWeek = false
          this.soshowDate = true
        }
        if (nVal[1] === 'sales_order_create_week' && this.time.soValue !== 'between') {
          this.soshowBetweenMonth = false
          this.soshowBetweenYear = false
          this.soshowBetweenWeek = false
          this.soshowBetweenDate = false
          this.soshowBetweenQuarter = false
          this.soshowYear = false
          this.soshowMonth = false
          this.soshowQuarter = false
          this.soshowDate = false
          this.soshowWeek = true
        }
        //        选择标志， 调用方法
        this.timeMarkDate.soDateMark = this.timeMarkChange(nVal)
      },

      'time.serviceBillingValue': function (nVal, oVal) {
        const _this = this

        function clearData() {
          _this.time.serviceShowBetweenDate = false
          _this.time.serviceShowBetweenQuarter = false
          _this.time.serviceShowBetweenMonth = false
          _this.time.serviceShowBetweenWeek = false
          _this.time.serviceShowBetweenYear = false
          _this.time.serviceShowYear = false
          _this.time.serviceShowQuarter = false
          _this.time.serviceShowMonth = false
          _this.time.serviceShowWeek = false
          _this.time.serviceShowDate = false
        }

        let serviceData = ''
        nVal === 'between' ? serviceData = 'double' : serviceData = 'odd'
        if (nVal === 'between') {
          this.serviceBetween1 = this.serviceValue
          this.serviceWeekValues1 = this.serviceWeekValue
          this.serviceValue = ''
          this.serviceWeekValue = ''
        }
        if (oVal === 'between') {
          this.serviceValue = this.serviceBetween1
          this.serviceWeekValue = this.serviceWeekValues1
          this.serviceBetween1 = ''
          this.serviceWeekValues1 = ''
        }
        if (serviceData === 'double') {
          if (this.time.selectedOptionsService[1] === 'create_year_fis' || this.time.selectedOptionsService[1] === 'create_year') {
            clearData()
            this.time.serviceShowBetweenYear = true
          }
          if (this.time.selectedOptionsService[1] === 'create_quarter_fis' || this.time.selectedOptionsService[1] === 'create_quarter') {
            clearData()
            this.time.serviceShowBetweenQuarter = true
          }
          if (this.time.selectedOptionsService[1] === 'create_month_fis' || this.time.selectedOptionsService[1] === 'create_month') {
            clearData()
            this.time.serviceShowBetweenMonth = true
          }
          if (this.time.selectedOptionsService[1] === 'create_week') {
            clearData()
            this.time.serviceShowBetweenWeek = true
          }
          if (this.time.selectedOptionsService[1] === 'createtime') {
            clearData()
            this.time.serviceShowBetweenDate = true
          }
        } else if (serviceData === 'odd') {
          if (this.time.selectedOptionsService[1] === 'create_year_fis' || this.time.selectedOptionsService[1] === 'create_year') {
            clearData()
            this.time.serviceShowYear = true
          }
          if (this.time.selectedOptionsService[1] === 'create_quarter_fis' || this.time.selectedOptionsService[1] === 'create_quarter') {
            clearData()
            this.time.serviceShowQuarter = true
          }
          if (this.time.selectedOptionsService[1] === 'create_month_fis' || this.time.selectedOptionsService[1] === 'create_month') {
            clearData()
            this.time.serviceShowMonth = true
          }
          if (this.time.selectedOptionsService[1] === 'create_week') {
            clearData()
            this.time.serviceShowWeek = true
          }
          if (this.time.selectedOptionsService[1] === 'createtime') {
            clearData()
            this.time.serviceShowDate = true
          }
        }
        this.symbolData.serviceDateValueChange = this.symbolChange(nVal)
        // this.time.selectedOptionsService = []
        // this.serviceValue = ''
        // this.serviceBetween1 = ''
        // this.serviceBetween2 = ''
        // this.time.serviceShowYear = true
        // this.time.serviceShowDate = false
        // this.time.serviceShowMonth = false
        // this.time.serviceShowWeek = false
        // this.time.serviceShowBetweenYear = false
        // this.time.serviceShowBetweenMonth = false
        // this.time.serviceShowBetweenDate = false
        // this.time.serviceShowBetweenWeek = false
      },
      'time.selectedOptionsService': function (nVal) {
        this.serviceValue = ''
        this.serviceBetween1 = ''
        this.serviceBetween2 = ''
        if ((nVal[1] === 'create_year_fis' && this.time.serviceBillingValue === 'between') || (nVal[1] === 'create_year' && this.time.serviceBillingValue === 'between')) {
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowBetweenYear = true
          this.time.serviceShowYear = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowMonth = false
          this.time.serviceShowWeek = false
          this.time.serviceShowDate = false
        }
        if ((nVal[1] === 'create_quarter_fis' && this.time.serviceBillingValue === 'between') || (nVal[1] === 'create_quarter' && this.time.serviceBillingValue === 'between')) {
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = true
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowYear = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowMonth = false
          this.time.serviceShowWeek = false
          this.time.serviceShowDate = false
        }
        if ((nVal[1] === 'create_month_fis' && this.time.serviceBillingValue === 'between') || (nVal[1] === 'create_month' && this.time.serviceBillingValue === 'between')) {
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenMonth = true
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if (nVal[1] === 'createtime' && this.time.serviceBillingValue === 'between') {
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowBetweenDate = true
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if (nVal[1] === 'create_week' && this.time.serviceBillingValue === 'between') {
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenWeek = true
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if ((nVal[1] === 'create_year_fis' && this.time.serviceBillingValue !== 'between') || (nVal[1] === 'create_year' && this.time.serviceBillingValue !== 'between')) {
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowYear = true
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if ((nVal[1] === 'create_quarter_fis' && this.time.serviceBillingValue !== 'between') || (nVal[1] === 'create_quarter' && this.time.serviceBillingValue !== 'between')) {
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = true
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if ((nVal[1] === 'create_month_fis' && this.time.serviceBillingValue !== 'between') || (nVal[1] === 'create_month' && this.time.serviceBillingValue !== 'between')) {
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = true
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = false
        }
        if (nVal[1] === 'createtime' && this.time.serviceBillingValue !== 'between') {
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowWeek = false
          this.time.serviceShowDate = true
        }
        if (nVal[1] === 'create_week' && this.time.serviceBillingValue !== 'between') {
          this.time.serviceShowBetweenMonth = false
          this.time.serviceShowBetweenQuarter = false
          this.time.serviceShowBetweenYear = false
          this.time.serviceShowBetweenWeek = false
          this.time.serviceShowBetweenDate = false
          this.time.serviceShowYear = false
          this.time.serviceShowMonth = false
          this.time.serviceShowQuarter = false
          this.time.serviceShowDate = false
          this.time.serviceShowWeek = true
        }
        //        选择标志， 调用方法
        this.timeMarkDate.serviceDateMark = this.timeMarkChange(nVal)
      },

      'gepgraphy.regionText': function (nVal) {
        // 原来的
//         if (nVal !== '') {
//           let arr = nVal.trim().split('\n')
// //        this.gepgraphy.regionTextArr = arr
//           this.gepgraphy.regionSValue = arr
//         }
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.gepgraphy.regionTextArr = arr
          // this.gepgraphy.regionSValue = this.gepgraphy.regionSValue.concat(this.gepgraphy.regionTextArr)
        }
      },
      'gepgraphy.countryText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.gepgraphy.countryTextArr = arr
//           this.gepgraphy.countrySValue = arr
        }
      },
      'bp.bpIdText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.bp.bpIdTextArr = arr
          // this.bp.bpIdSValue = arr
        }
      },
      'bp.bpNameText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.bp.bpNameTextArr = arr
          // this.bp.bpNameSValue = arr
        }
      },
      'product.buText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.buTextArr = arr
          // this.product.buSValue = arr
        }
      },
      'product.brandText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.brandTextArr = arr
          // this.product.brandSValue = arr
        }
      },
      'product.productSeriesText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.productSeriesTextArr = arr
          // this.product.productSeriesSValue = arr
        }
      },
      'product.productFamilyText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.productFamilyTextArr = arr
          // this.product.productFamilySValue = arr
        }
      },
      'product.materialText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          // this.product.materialTextArr = arr
          this.product.materialTextArr = arr
        }
      },
      'product.snText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.snTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'product.uniqueIdText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.uniqueIdTextArr = arr
          // this.product.snSValue = arr
        }
      },
      'product.machineTypeText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.product.machineTypeTextArr = arr
          // this.product.machineTypeSValue = arr
        }
      },
      'transaction.soText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.transaction.soTextArr = arr
        }
      },
      'transaction.billingText': function (nVal) {
        if (nVal !== '') {
          let arr = nVal.trim().split('\n')
          this.transaction.billingTextArr = arr
        }
      }
    },
    computed: {
      // ...mapGetters([
      //   'sidebar'
      // ]),
      showBillingData: function () {
        return this.time.billingbillingValue !== '' && this.time.selectedOptions.toString() !== '' && (this.billingValue !== '' || (this.billingBetween1 !== '' && this.billingBetween2 !== ''))
//        if (this.time.billingbillingValue !== '' && this.time.selectedOptions.toString() !== '' && (this.billingValue !== '' || (this.billingBetween1 !== '' && this.billingBetween2 !== ''))) {
//          return true
//        } else {
//          return false
//        }
      },
      showDeliveryData: function () {
        return this.time.deliveryDateValue !== '' && this.time.selectedOptionsDelivery.toString() !== '' && (this.time.deliveryValue !== '' || (this.time.deliveryBetween1 !== '' && this.time.deliveryBetween1 !== ''))
      },
      showSoData: function () {
        return this.time.soValue !== '' && this.time.selectedOptionsSo.toString() !== '' && (this.soValue !== '' || (this.soBetween1 !== '' && this.soBetween2 !== ''))
      },
      showServiceData: function () {
        return this.time.serviceBillingValue !== '' && this.time.selectedOptionsService.toString() !== '' && (this.serviceValue !== '' || (this.serviceBetween1 !== '' && this.serviceBetween2 !== ''))
      },
      showTime: function () {
        return this.showBillingData || this.showDeliveryData || this.showSoData || this.showServiceData
      },
      // 标签高亮类
      traComClass1: function () {
        return this.showBillingData || this.showDeliveryData || this.showSoData || this.showServiceData
      },
      traComClass2: function () {
        return (this.symbolData.geoValueChange !== '' && this.gepgraphy.geoSValue.toString() !== '') || (this.symbolData.regionValueChange !== '' && this.gepgraphy.regionSValue.toString() !== '') || (this.symbolData.countryValueChange !== '' && this.gepgraphy.countrySValue.toString() !== '')
      },
      traComClass3: function () {
        return (this.symbolData.groupValueChange !== '' && this.bp.groupSValue.toString() !== '') || (this.symbolData.bpIdValueChange !== '' && this.bp.bpIdSValue.toString() !== '') || (this.symbolData.bpNameValueChange !== '' && this.bp.bpNameSValue.toString() !== '')
      },

      traComClass5: function () {
        return (this.symbolData.bgValueChange !== '' && this.product.bgSValue.toString() !== '') || (this.symbolData.buValueChange !== '' && this.product.buSValue.toString() !== '') || (this.symbolData.brandValueChange !== '' && this.product.brandSValue.toString() !== '') || (this.symbolData.productSeriesValueChange !== '' && this.product.productSeriesSValue.toString() !== '') || (this.symbolData.productFamilyValueChange !== '' && this.product.productFamilySValue.toString() !== '') || (this.symbolData.materialValueChange !== '' && this.product.materialSValue.toString() !== '') || (this.symbolData.snValueChange !== '' && this.product.snSValue.toString() !== '')
      },
      traComClass6: function () {
        return (this.symbolData.segmentValueChange !== '' && this.transaction.segmentSValue.toString() !== '') || (this.symbolData.soValueChange !== '' && this.transaction.soSValue.toString() !== '') || (this.symbolData.billingValueChange !== '' && this.transaction.billingSValue.toString() !== '') || (this.symbolData.caValueChange !== '' && this.transaction.caSValue.toString() !== '') || (this.symbolData.gpValueChange !== '' && this.transaction.gpSValue.toString() !== '') || (this.symbolData.gp2ValueChange !== '' && this.transaction.gp2SValue.toString() !== '') || (this.symbolData.revenueValueChange !== '' && this.transaction.revenueSValue.toString() !== '')
      }
    },
    components: {
      mSelect: mSelect,
      qSelect: qSelect
    }
  }
</script>

<style lang="scss" scoped>
  $bgGreen: #0090e9 !important;
  .grid-content div.el-select {
    /*overflow:hidden !important;*/
  }

  .status-update-filter {
    .mulselect {
      width: 100%;
      border: 1px solid #cccccc;
      font-size: 14px;
    }
    .cart-header {
      margin: 0 auto;
      text-align: center;
      overflow: hidden;
      span {
        font-size: 20px;
        color: #333;
        float: left;
        font-family: OpenSansShin;
        font-weight: 700;
      }
    }
    div.grid-content.bg-purple.timers {
      width: 150px;
    }
    div.grid-content.bg-purple {
      font-family: MicorsoftYaHei;
      font-size: 16px;
      color: #999999;
      span {
        cursor: pointer;
        color: #66cc99 !important;
      }
    }
    .el-button--success {
      background: #66cc99 !important;
      font-family: MicorsoftYaHei !important;
      font-size: 16px !important;
      border: none;
      border-radius: 4px !important;
      width: 100px !important;
      padding: 10px 18px;
      &:hover {
        background: #51b181 !important;
      }
    }
    /*.el-button--success {*/
    /*background: #ffac00 !important;*/
    /*font-family: 'ArialMT' !important;*/
    /*font-size:20px !important;*/
    /*border:none;*/
    /*border-radius: 5px !important;*/
    /*width:100px !important;*/
    /*&:hover{*/
    /*background: #ff5b00 !important;*/
    /*}*/
    /*}*/

    button.el-button.is-round {
      background: #fff !important;
      color: #0090e9;
      border-radius: 5px;
      border-width: 2px;
      font-family: 'ArialMT';
      font-size: 16px;
      padding: 9px 17px;
    }
    /*div.clear{*/
    /*border:2px solid #f00;*/
    /*border-radius: 5px;*/
    /*text-align: center;*/
    /*padding: 6px 0;*/
    /*width:76px;*/
    /*span{*/
    /*color:#f00 !important;*/
    /*font-family: 'ArialMT';*/
    /*font-size:16px;*/
    /*}*/
    /*}*/
    // 拖拽弹框样式
    .bg-purple-light {
      font-family: 'ArialMT';
      color: #0090e9;
      font-size: 16px;
    }
    .drag-dialog {
      width: 40vw;
      position: absolute;
      z-index: 99;
      left: 30%;
      top: 10%;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
      background-color: #fff;
      h3 {
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        font: bold 18px Helvetica;
      }
      .drag-dialog-close {
        position: absolute;
        top: 20px;
        right: 18px;
        font-size: 18px;
        &:hover {
          cursor: pointer;
          color: #409EFF;
        }
      }
      .dialog-footer {
        margin-top: 15px;
        float: right;
      }
    }
    .dialog-paste {
      .el-dialog__body {
        overflow: hidden;
        .dialog-footer {
          margin-top: 15px;
          float: right;
        }
      }
    }
    /*margin: 0 41px;*/
    margin: 10px 41px 0 41px;
    padding-top: 5px;
    /*tag标签高亮*/
    .heighlight-tag {
      background-color: $bgGreen;
    }
    .clickActive {
      background-color: $bgGreen;
    }
    .computedActive {
      background-color: $bgGreen;
    }
    .butActive {
      background-color: $bgGreen;
    }
    .card-content {
      margin: 20px 0;
      background: #fff;
      box-shadow: 2px 2px 10px #e0e2ea;
      .bg-purple {
        font-size: 16px;
        font-family: 'ArialMT';
        color: #333;
      }
      .geo-box, .customer-box, .product-box {
        border-bottom: 1px solid #e7e5e5;
        padding: 20px 20px;
        .tab-pane {
          padding: 0 0 0 66px;
          .grid-content {
            color: #999;
            font-size: 16px;
            i {
              font-size: 40px;
            }
          }
          .paste {
            color: #2f9fda;
          }
          .clear {
            color: #59bb98;
          }
          .el-input--suffix {
            .el-tag {
              white-space: normal;
              height: auto;
            }
          }
        }

      }
      .product-box {
        border-bottom: 0;
      }
      h2 {
        /*margin: 0 20px 10px 20px;*/
        margin: 0 20px 10px;
        padding: 0;
        font: 16px HelveticaNeue-BoldCond;
        color: #000000;
      }
      .el-row {
        line-height: 40px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        &:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: 0;
        }
      }
      .el-card {
        overflow: visible;
      }
      .select-tag {
        padding: 20px 40px;
        span.title {
          font-weight: bold;
          color: #3dc1df;
        }
        div.content {
          margin-bottom: 10px;
        }
        .selected {
          /*background: #fff;*/
          width: 100%;
          /*h3 {*/
          /*margin: 0;*/
          /*padding: 5px 0 5px 5px;*/
          /*color: #959595;*/
          /*}*/
          .icon-guanbi {
            color: #959595;
            font-size: 14px;
            cursor: pointer;
            margin-left: 5px;
          }
          .icon-guanbi:hover {
            color: #409EFF;
          }
          .el-col {
            div {
              /*  height: 40px;*/
              padding: 5px 10px;
              border: 1px solid #ccc;
              border-radius: 10px;
              display: inline-block;
              line-height: 28px;
              .el-tag {
                position: relative;
                /*top: -2px;*/
                font-size: 12px;
                /*min-height: 32px;*/
                line-height: 20px;
                background: #f0f1f2;
              }

              i {
                font-size: 12px;
              }
            }
          }
        }
      }
      .title-color {
        color: #6c9;
      }
    }
    .btn-foot {
      display: flex;
      justify-content: center;
      margin-top: 30px;
      button {
        width: 90px;
        font: 16px MicrosoftYaHei;
        margin-bottom: 20px;
      }
    }
  }
</style>

